<template>
  <div class="menu" :style="{ width: width + 'px' }">
    <div class="menu-item">
      <slot></slot>
    </div>
  </div>
</template>
<script setup>
/**
 * 已知： 路由
 * 须知： 第几级需要进行触碰显示。对应的active的菜单，进行联动显示。菜单配置点击回调，点击菜单事件。
 * 实现动画效果以及
 */
import { reactive, watch, computed, ref } from 'vue';
const props = defineProps({
  routes: {
    type: Array,
    default: () => [],
  },
  width: {
    type: Number,
    default: 162,
  },
});
console.log(props.routes);
</script>
<style lang="scss">
.menu {
  height: 100%;
  box-sizing: border-box;
}
</style>
